<template>
     <div class="ordering">
        <div class="heading">用户列表</div>
        <div>
            <el-table :data="res" style="width: 100%">
                <el-table-column prop="time" label="注册时间" width="180" />
                <el-table-column prop="name" label="姓名" width="180" />
                <el-table-column prop="sex" label="性别" width="180" />
                <el-table-column prop="Position" label="职位" width="180" />
            </el-table>
            <el-pagination background layout="prev, pager, next" :total="1000" 
            :hide-on-single-page="true"
            :current-page="2" @current-change="currentchange"/>
        </div>
     </div>
</template>
<script>
import { Position } from 'vue';
import {reactive} from 'vue'
export default{
    setup(){
        const res = reactive([
            {
                time:'2021-10-11',
                name:'马云',
                sex:'男',
                Position:'管理员'
            }
        ])
        return {res}
    }
}
</script>
<style scoped="scoped">

</style>